/**
    footer page
    lbj 2018.6.7
 */

<style lang="scss" scoped>
@import "../css/tools.scss";
.foot {
  background: $fontColor;
  padding: 55px 0 65px;
  & > div {
    width: 1230px;
    img {
      margin-bottom: 30px;
    }
    .box1 {
      display: flex;
      justify-content: flex-end;
      li {
        position: relative;
        a {
            display: block;
             padding: 10px 20px;
          text-decoration: none;
          color: #fff;
        }
        &:last-child::after {
          background: transparent;
        }
        &::after {
          content: "";
          position: absolute;
          height: 16px;
          width: 2px;
          background: #fff;
          right: 0;
          top: 10px;
        }
      }
    }
  }
}
</style>

<template>
    <div class="foot cfff box-center">
        <div class="flex-col">
            <div>
                <img src="../img/logo1.png" alt="">
                <div>2018年由成都智一优科技有限公司技术支持</div>
            </div>
            <div class="box1">
                <ul class="flex-col">
                    <li><a href="javascript:;" @click="cutNav(0)">首页</a></li>
                    <li><a href="javascript:;" @click="cutNav(1)">核心产品首页</a></li>
                    <li><a href="javascript:;" @click="cutNav(2)">经济效益分析</a></li>
                    <li><a href="javascript:;" @click="cutNav(3)">企业介绍</a></li>
                    <li><a href="javascript:;" @click="cutNav(4)">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: "footer",
  methods: {
    cutNav(i) {
      let url = {
        "0": "index",
        "1": "core",
        "2": "economic",
        "3": "introduce",
        "4": "contact"
      };
      this.toRouter(url[i]);
    }
  }
};
</script>


